<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style/font.css">
    <link rel="stylesheet" href="js/lib/swiper/swiper.min.css">
    <link rel="stylesheet" href="style/index.css">
</head>
<body>
  <div class="head" id="head-g">
     <div class="container clearfix">
         <a class="logo">
             <img src="img/logo.png" alt="">
         </a>
<!-- 未登录-->
         <div class="loginBox">
              <a class="iconfont icon-denglu"></a>
              <a id="loginBtn">登录</a>
              <a>|</a>
              <a>注册</a>
         </div>
         <!-- 已登录-->
<!--         <div class="loginBox">-->
<!--             <a class="iconfont icon-denglu"></a>-->
<!--             <a>胖西</a>-->
<!--             <div class="downBtn">-->
<!--                 <a href="">退出</a>-->
<!--             </div>-->
<!--         </div>-->
     </div>
  </div>
  <div class="swiper-container" id="carousel">
      <div class="swiper-wrapper">
          <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

          </a>
          <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

          </a>
          <a class="swiper-slide swiper-no-swiping" style="background-image: url('img/banner.jpg')">

          </a>
      </div>
      <div class="swiper-pagination"></div>
  </div>

  <div class="container" id="filter">
      <div class="itemRow border">
          <div class="icon">
             <span class="iconfont icon-a-shijian1"></span>
          </div>
          <div class="text">
             <div class="item">
                 活动时间：
             </div>
              <a class="item filterItem active" href="">
                  全部
              </a>
              <a class="item filterItem" href="">
                  2024
              </a>
              <a class="item filterItem" href="">
                  2023
              </a>
          </div>
      </div>
      <div class="itemRow">
          <div class="icon">
              <span class="iconfont icon-diqu"></span>
          </div>
          <div class="text">
              <div class="item">
                  活动地区：
              </div>
              <div class="item filterItem active">
                  全部
              </div>
              <div class="item filterItem">
                  武汉
              </div>
              <div class="item filterItem">
                  黄石
              </div>
          </div>
      </div>
  </div>
  <div id="works" class="container clearfix">
      <div class="row clearfix">
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip">
                      距离结束还有35天
                  </div>
              </div>
          </a>
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip">
                      距离结束还有35天
                  </div>
              </div>
          </a>
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip">
                      距离结束还有35天
                  </div>
              </div>
          </a>
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip">
                      距离结束还有35天
                  </div>
              </div>
          </a>
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip disable">
                      已结束
                  </div>
              </div>
          </a>
          <a class="item" href="">
              <div class="imgBox" style="background-image: url('img/ex_index.jpg')">

              </div>
              <div class="info">
                  <div class="title ellText">
                      2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动2024“新华书店杯”课后服务展评活动
                  </div>
                  <div class="m-title">
                      湖北省新华书店
                  </div>
                  <div class="l-title">
                      2024-04-23至2024-08-12
                  </div>
                  <div class="tip">
                      距离结束还有35天
                  </div>
              </div>
          </a>
      </div>
      <div class="page">
          这里是分页
      </div>
  </div>
  <div class="footer" id="footer">
      <div class="row clearfix">
          <div class="item"><a href="https://basic.smartedu.cn/">国家中小学智慧教育</a></div>
          <div class="item"><a href="https://jyt.hubei.gov.cn/">湖北省教育厅</a></div>
          <div class="item"><a href="http://www.e21.cn/">湖北教育信息网</a></div>
          <div class="item"><a href="http://www.hbea.edu.cn/">湖北省教育考试网</a></div>
          <div class="item"><a href="https://www.cjcb.com.cn/">长江出版传媒集团</a></div>
      </div>
      <div class="row record-row">
          <img src="img/record2.png" alt="鄂公网安备" />
          <pre><span>  鄂公网安备 42010402000414号   |   鄂ICP备13007865号-3   |   经营证照  </span></pre>
          <img src="img/record1.png" alt="鄂公网安备" />
      </div>
      <div class="row Copyright-row">
          <span>Copyright© 湖北省新华书店(集团)有限公司</span>
      </div>
  </div>
<!--  这里是弹窗-->
  <div class="dialog" id="dialog-login" style="display: none;">
      <div class="codeBox form" style="display: none;" id="loginWeixin">
          <img src="" class="codeImg" alt="">
          <div class="code-name">
              微信扫码登录
          </div>
      </div>
      <form class="inputBox form" style="display:none;" id="loginCode">
          <div class="inputItem">
              <div class="label">
                  <span class="iconfont icon-wode2"></span>
              </div>
              <input type="text" id="mobileCode" placeholder="请输入手机号码">
          </div>
          <div class="inputItem-type2">
              <div class="inputItem-type2-left">
                  <div class="label">
                      <span class="iconfont icon-zhanghaoshezhi"></span>
                  </div>
                  <input type="password" id="code" placeholder="请输入验证码">
              </div>
              <div class="inputItem-type2-right">
                  <div class="">获取短信验证码</div>
              </div>
          </div>
          <div class="tipBox">
              <a class="tipLeft">没有账号？去注册</a>
              <a class="tipRight toRePass">忘记密码？</a>
          </div>
          <div class="loginBtnBox">
              <div class="loginBtn">登录</div>
          </div>
      </form>
      <form class="inputBox form" id="loginUser">
      <div class="inputItem">
          <div class="label">
              <span class="iconfont icon-wode2"></span>
          </div>
          <input type="text" id="mobile" placeholder="请输入手机号码">
      </div>
      <div class="inputItem">
          <div class="label">
              <span class="iconfont icon-zhanghaoshezhi"></span>
          </div>
          <input type="text" id="mobile" placeholder="请输入密码">
      </div>
      <div class="tipBox">
          <a class="tipLeft toRes">没有账号？去注册</a>
          <a class="tipRight toRePass">忘记密码？</a>
      </div>
      <div class="loginBtnBox">
          <button class="loginBtn" type='submit'>登录</button>
      </div>
      </form>
      <div class="line-text">
          <div class="leftLine Line"></div>
          <div class="text">其他登录方式</div>
          <div class="rightLine Line"></div>
      </div>
      <div class="dialogBtn">
          <div class="btn" id="loginWeixinBtn" >
              <span class="iconfont icon-31saoma"></span>
              扫码登录
          </div>
          <div class="btn" id="loginUserBtn" style="display: none;">
              <span class="iconfont icon-shouji"></span>
              账号登录
          </div>
          <div class="btn" id="loginCodeBtn">
              <span class="iconfont icon-zhanghaoshezhi"></span>
              短信登录
          </div>
      </div>
      <div class="policy">
          注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
      </div>
  </div>

  <div class="dialog" id="dialog-reg" style="display: none">
      <form class="inputBox">
          <div class="inputItem">
              <div class="label">
                  <span class="iconfont icon-wode2"></span>
              </div>
              <input type="text" id="mobileCode" placeholder="请输入手机号码">
          </div>
          <div class="inputItem-type2">
              <div class="inputItem-type2-left">
                  <div class="label">
                      <span class="iconfont icon-zhanghaoshezhi"></span>
                  </div>
                  <input type="password" id="code" placeholder="请输入验证码">
              </div>
              <div class="inputItem-type2-right">
                  <div class="">获取短信验证码</div>
              </div>
          </div>
          <div class="inputItem">
              <div class="label">
                  <span class="iconfont icon-zhanghaoshezhi"></span>
              </div>
              <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
          </div>
          <div class="tipBox">
              <a class="tipLeft" style="cursor: pointer" id="goLogin">已有账号？去登录</a>
          </div>
          <div class="loginBtnBox">
              <div class="loginBtn">注册</div>
          </div>
      </form>
      <div class="policy">
          注册登录即代表同意 <a href="">《用户协议》</a> 和 <a href="">《隐私政策》</a>
      </div>
  </div>


  <div class="dialog" id="dialog-re-pass" style="display: none">
      <form class="inputBox">
          <div class="inputItem">
              <div class="label">
                  <span class="iconfont icon-wode2"></span>
              </div>
              <input type="text" id="mobileCode" placeholder="请输入手机号码">
          </div>
          <div class="inputItem-type2">
              <div class="inputItem-type2-left">
                  <div class="label">
                      <span class="iconfont icon-zhanghaoshezhi"></span>
                  </div>
                  <input type="password" id="code" placeholder="请输入验证码">
              </div>
              <div class="inputItem-type2-right">
                  <div class="">获取短信验证码</div>
              </div>
          </div>
          <div class="inputItem">
              <div class="label">
                  <span class="iconfont icon-zhanghaoshezhi"></span>
              </div>
              <input type="password" id="mobileCode" placeholder="请输入8-16位字母、数字或符号2种及以上组合">
          </div>
          <div class="tipBox">
              <a class="tipLeft toRes" style="cursor: pointer">新用户注册</a>
          </div>
          <div class="loginBtnBox">
              <div class="loginBtn">确认重置</div>
          </div>
      </form>
  </div>
  <script src="js/lib/jquery/jquery-1.2.3.min.js"></script>
  <script src="js/lib/layer3.11/layer.js"></script>
  <script src="js/lib/swiper/swiper.min.js"></script>
  <script src="js/public.js"></script>
  <script src="js/index.js"></script>
</body>
</html>
